.bodyClassName {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: #f2f2f2 url('../img/bg_new.jpg') no-repeat top center;
	background-size: cover
}

.login-center {
	height: 100vh;
}

.logo-name {
	font-style: italic;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.bg-transparent img {
	vertical-align: baseline;
}

.top-define {
	border: 12px solid #d3d3d3;
	width: 100%;
	margin: 0 auto;
}
#reCaptch {
	width: 99%;
	height: 99%;
}

 @media all and (min-width:320px) and (max-width:600px){
    .top-define {
		width: 80%;
	}
	.iconrow {
		position: relative;
		left: 12%;
		width: 43%;
	}
	.login-form {
		width: 90% !important;
		margin: 0 auto;
	}
	.alert-danger {
		width: 90%;
		margin: 0 auto;
	}
	.bg-transparent img {
		width: 35%;
	}
	.reset-style {
		padding-top: 10px;
	}
	#reCaptch {
		width: 50%;
		height: 70%;
		margin-top: 6%;
	}
	#captch {
		text-align: center;
	}
	
} 

.iconrow {
	width: 36%;
}

.rounded-define {
	border-radius: 1rem !important;
}

.login-img-head {
	margin-left: -5%;
	margin-top: -6%;
}

.xtd1-style {
	width: 110%;
	margin-bottom: -16%;
	margin-left: -10%;
}

.ewm-width {
	width: 9%;
}

.qRCodeRow {
	width: 100%;
	margin: 0 auto;
}
.QRCode {
	text-align: right;
	padding: 0;
}

.login-form {
	width: 100%;
}

.foot-style {
	text-align: center;
}

.foot-define {
	display: initial;
}

